<template>
  <div class="flex-1">
    <section class="bg-white p-5">
      <header class="mb-7">
        <h2 class="mb-2.5 text-2xl font-semibold">My Items</h2> <!-- Title for the section -->
      </header>
      <!-- Table for displaying user's items -->
      <el-table :data="prize" style="width: 100%" v-loading="loading" empty-text="No data">
        <el-table-column prop="order_id" label="Order ID"></el-table-column> <!-- Column for displaying order ID -->
        <el-table-column prop="goods_name" label="Item Name"> </el-table-column> <!-- Column for displaying item name -->
        <el-table-column prop="r_price" label="Recycle Price"> </el-table-column> <!-- Column for displaying recycle price -->
      </el-table>

    </section>
    <!----><!----><!---->
  </div>
</template>
<script>
export default {
  created() {
    this.$api.getPrize().then((res) => {
      this.prize = res.data.data;
      this.loading = false;
    });
  },
  data() {
    return {
      prize: [],
      loading: true,
    };
  },
  methods: {},
};
</script>
<style lang="" scoped></style>
